Angular JS 自定义指令

啥是Angular JS指令? Angular JS(简称aJS)指令从表现形式上看,有4种形态:HTML元素,HTML元素属性,HTML样式类(class)名,HTML注释。 从功能上看,aJS指令是运行在HTML中的函数,可改变、增加DOM,为DOM增加行为功能等。

   指令就是DOM与逻辑行为的媒介,其本质就是DOM绑定的,独立逻辑行为的,函数。
自定义指令有啥用?

可为DOM元素提供复杂的逻辑就控制,可提高代码的复用性,咋说?你将一块独立的逻辑实现封装到一个独立指令当中,就可在HTML页面的各个地方使用。 怎么创建自定义指令? 用angular.directive()方法创建。 格式:


angular.directive("directiveName",directiveFn) directiveName:指令名字 directiveFn:指令配置函数,必须返回一个对象,对象属性是指令的各个配置函数。 指令定义对象? directiveFn函数返回的对象,是对指令的各种配置,这对象就叫指令定义函数。 该对象有12个属性:

restrict,

template,

templateUrl,

replace,

priority,

terminal,

scope,

transclude,

compile,

link,

controller,

require